.dispatchPage {
  padding-bottom: 320rpx;
}

.typeList {
  width: 750rpx;
  height: 128rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 100;
  padding: 0 32rpx;
  box-sizing: border-box;

  .typeItem {
    width: 343rpx;
    height: 88rpx;

    border-radius: 44rpx;
    text-align: center;
    font-weight: 400;
    line-height: 88rpx;

    font-weight: bolder;


  }

  .active {
    background: #D6000F;
    color: #FFFFFF;
  }
}

.details {
  width: 686rpx;
  // height: 549rpx;
  background: #FFFFFF;
  // border-radius: 32rpx;

  margin: 0 auto;
  margin-top: 40rpx;
  .title {
    width: 686rpx;
    height: 129rpx;
    background: #D6000F;
    border-radius: 32rpx 32rpx 0rpx 0rpx;
    border: 4rpx solid #D6000F;
    font-size: 45rpx;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: bolder;
    color: #FFFFFF;
    padding-left: 32rpx;
    box-sizing: border-box;
    line-height: 129rpx;
  }

  .detail-two {
    border-radius: 0rpx 0rpx 32rpx 32rpx;
    min-height: 420rpx;
    border: 4rpx solid #D6000F;
    overflow: scroll;

    .unprlice {
      width: 622rpx;
      height: 256rpx;
      border-radius: 32rpx;
      border: 2rpx dashed rgba(19, 1, 1, .5);
      margin: 64rpx auto 0;
      display: flex;
      flex-direction: column;
      align-content: center;
      justify-content: center;

      image {
        width: 120rpx;
        height: 120rpx;
        display: block;
        margin: 0 auto;
      }

      text {
        text-align: center;
      }
    }

    .unprliceList {
      display: flex;
      margin-top: 15rpx;
      padding: 0 25rpx;
      box-sizing: border-box;
      flex-wrap: wrap;

      // justify-content: s;
      .unpriceItem {
        width: 198rpx;
        height: 198rpx;
        margin-right: 14rpx;
        margin-bottom: 14rpx;
        flex-shrink: 0;
        position: relative;

        .prict {
          width: 198rpx;
          height: 198rpx;

          border-radius: 8rpx;
        }

        .del {
          width: 45rpx;
          height: 45rpx;
          display: block;
          position: absolute;
          right: -4rpx;
          top: -8rpx;
        }

        &:nth-of-type(3n-3) {
          margin-right: 0rpx;
        }
      }
    }
  }

}


.workerList {

  .workerItem {
    margin: 0 auto;
    border: 4rpx solid #D6000F;
    border-radius: 32rpx;
    box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.1);
    margin-top: 40rpx;
    width: 686rpx;

    .title {

      border-radius: 18rpx 18rpx 0px 0px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 140rpx;
      padding: 0 34rpx;
      background: #D6000F;

      text {
        font-size: 45rpx;
        font-weight: bolder;
        color: #FFFFFF;
        line-height: 140rpx;
      }

      image {
        width: 64rpx;
        height: 64rpx;
      }
    }

    .workItem-typeList {
      width: 686rpx;
      display: flex;
      height: 109rpx;
      background: #D6000F;

      .workItem-type {
        flex: 1;

        .type-tile {
          width: 337rpx;
          height: 109rpx;

          text-align: center;
          line-height: 109rpx;
          border-radius: 32rpx 32rpx 0rpx 0rpx;
          font-size: 36rpx;
          font-weight: bolder;

          color: #FFFFFF;
        }

        .activetype-title {
          color: #D6000F;
          background: #FFFFFF;
        }
      }
    }

    .two-Item-box {
      margin-bottom: 64rpx;

      &:last-child {
        margin-bottom: 0rpx;
      }
    }

    .two-List {
      padding: 0 32rpx;
      margin-top: 31rpx;
      box-sizing: border-box;
      padding-bottom: 80rpx;

      box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.1);
      border-radius: 0 0 32rpx 32rpx;

      // border: 4rpx solid #D6000F;
      .two-Item {
        padding-top: 40rpx;
        box-sizing: border-box;
        // padding-bottom: 40rpx;
        border-bottom: 40rpx;
        border-bottom: 2rpx solid rgba(19, 1, 1, .1);
        box-sizing: border-box;

        &:last-of-type {
          border-bottom: 0rpx solid rgba(19, 1, 1, .1);
        }

        .peopleList {
          display: flex;
          margin-top: 40rpx;
          overflow: auto;

          .imageHeader {
            margin-right: 24rpx;
            width: 120rpx;
            height: 120rpx;
            border-radius: 50%;
            flex-shrink: 0;

            image {
              width: 120rpx;
              height: 120rpx;
              border-radius: 50%;
            }
          }



        }

        .two-title {
          font-size: 36rpx;
          font-weight: bolder;
          display: flex;
          justify-content: space-between;

          .day {

            color: #D6000F;
          }
        }

        .two-title:nth-child(2) {
          margin-top: 71rpx;
        }

        .two-content {
          margin-top: 32rpx;
          display: flex;
          align-items: center;
          justify-content: space-between;

          .two-content-left {

            font-size: 28rpx;
            color: #797A7C
          }

          .two-content-right {
            font-size: 28rpx;

            .radioChange {
              display: flex;

              label {
                display: flex;
                align-items: center;

                &:nth-of-type(1) {
                  margin-right: 84rpx;
                }
              }
            }
          }
        }

        .pickerList {
          margin-bottom: 40rpx;
          font-size: 28rpx;
          margin-top: 34rpx;

          .picker {
            display: flex;
            justify-content: space-between;
            margin-bottom: 24rpx;
            align-items: center;

            .picker-left {
              color: #797A7C;
            }

            picker {
              .pickerday {
                width: 492rpx;
                height: 78rpx;
                background: #FFFFFF;
                border-radius: 5rpx;
                border: 1rpx solid rgba(14, 1, 1, .5);
                text-align: center;
                line-height: 78rpx;
              }

              .pickertype {
                text-align: right;
                width: 475rpx;
                height: 78rpx;
                background: #FFFFFF;
                border-radius: 5rpx;
                border: 1rpx solid rgba(14, 1, 1, .5);
                text-align: center;
                line-height: 78rpx;
                display: flex;
                align-items: center;
                justify-content: flex-end;

                image {
                  margin: 0 15rpx;
                  width: 45rpx;
                  height: 45rpx;
                }
              }
            }
          }
        }

        .formula {
          margin-top: 32rpx;

          // display: flex;
          // flex-wrap: wrap;
          .formulaItem {
            display: flex;
            align-items: center;
            margin-bottom: 24rpx;

            .formulaItem-title {
              width: 128rpx;
              // height: 84rpx;
              font-size: 28rpx;
     
              color: #797A7C;

            }
          }

          input {
            width: 492rpx;
            height: 78rpx;
            background: #FFFFFF;
            border-radius: 5rpx;
            border: 2rpx solid rgba(0, 0, 0, .5);

            text-align: center;
          }

        }
        .zonson{
          width: 621rpx;
height: 100rpx;
background: #F4F5F9;
border-radius: 8rpx;
margin: 0 auto;
display: flex;
align-items: center;
padding: 16rpx;
box-sizing: border-box;
justify-content: space-between;
margin-top: 80rpx;
.left{

font-size: 36rpx;
font-weight: bolder;
color: #0E0101;
}
.right{
text{
  
font-size: 24rpx;
}
font-size: 35rpx;
font-weight: bolder;
color: #D6000F;
}
        }
      }
    }


    .two-Item-List {
      // padding-bottom: 84rpx;
      margin-top: 40rpx;
      // border-bottom: 2rpx solid rgba(19, 1, 1, 0.1);
    }

    .jixuadd {
      width: 400rpx;
      height: 72rpx;
      border-radius: 44rpx;
      text-align: center;
      line-height: 72rpx;

      border: 2rpx solid #D6000F;

      font-size: 32rpx;
      font-weight: bolder;
      color: #D6000F;
      margin: 40rpx auto;
    }

    .all {
      width: 621rpx;
      height: 100rpx;
      background: #F4F5F9;
      border-radius: 8rpx;
      font-size: 36rpx;
      font-weight: bolder;
      color: #0E0101;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 16rpx;
      box-sizing: border-box;
    }

    .red {
      color: #D6000F;
    }
  }

  .addpeopleList {
    width: 200rpx;
    height: 200rpx;
    display: block;
    margin: 40rpx auto;
  }
}




.addpeople {
  width: 200rpx;
  height: 200rpx;
  display: block;
  margin: 0 auto;
  margin-top: 275rpx;

}

.workTypemask {
  width: 750rpx;
  height: 100vh;
  background: rgba(0, 0, 0, .8);
  display: flex;
  // align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;

  .workType-Item {
    width: 654rpx;
    height: 617rpx;
    background: #FFFFFF;
    box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(1, 7, 19, 0.1);
    border-radius: 32rpx;
    margin: 0 auto;
    margin-top: 330rpx;

    .title {
      width: 654rpx;
      border-radius: 32rpx 32rpx 0 0;
      height: 140rpx;
      background: #FFFFFF;
      box-shadow: 0rpx 4rpx 32rpx 0rpx rgba(1, 7, 19, 0.1);

      text-align: center;
      line-height: 140rpx;
      background: #D6000F;

      font-size: 48rpx;
      font-weight: bolder;
      color: #FFFFFF;
    }

    .workList {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;

      margin-top: 50rpx;

      .workitem {
        width: 400rpx;
        height: 80rpx;
        text-align: center;
        border-radius: 50rpx;
        margin-bottom: 32rpx;
        font-size: 36rpx;
        font-weight: bolder;

        line-height: 80rpx;

        box-sizing: border-box;

        border: 2rpx solid #D6000F;

        font-size: 36rpx;
        color: #D6000F;
      }

      .activeworkItem {
        color: #FFFFFF;
        background: #D6000F;
      }
    }
  }
}

.btns {
  position: fixed;
  z-index: 50;
  left: 0;
  bottom: 0;
  width: 750rpx;
  height: 300rpx;
  background: #FFFFFF;
  box-shadow: 0rpx 8rpx 48rpx 0rpx rgba(1, 7, 19, 0.15);
  border-radius: 32rpx 32rpx 0rpx 0rpx;
  padding: 40rpx 32rpx;
  box-sizing: border-box;

  .one {
    background: #FFFFFF;
    font-size: 45rpx;
    font-weight: bolder;
    display: flex;
    justify-content: space-between;
    // padding: 0 32rpx;
    box-sizing: border-box;
  }

  .red {
    color: #D6000F
  }

  .btn {

    width: 686rpx;
    height: 88rpx;
    background: #D6000F;
    border-radius: 44rpx;
    text-align: center;
    line-height: 88rpx;

    margin: 0 auto;
    font-size: 32rpx;
    font-weight: bold;
    color: #FFFFFF;
    margin-top: 44rpx;
  }
}




/* 未选中的样式 */
radio .wx-radio-input {
  border-radius: 50%;
  width: 32rpx;
  height: 32rpx;

  border: 2rpx solid #797A7C;
}

/* 选中后 背景及勾 的样式 */
radio .wx-radio-input.wx-radio-input-checked {
  border-color: #797A7C !important;
  background: transparent !important;
}

radio .wx-radio-input.wx-radio-input-checked::before {
  content: "";
  border-radius: 50%;
  width: 32rpx;
  height: 32rpx;
  /* line-height:20px; */
  text-align: center;
  /* font-size:15px; */
  color: #fff;
  background: #D60010;
  /* transform:translate(-50%, -50%) scale(1);  */
  /* -webkit-transform:translate(-50%, -50%) scale(1); */
}




.periodMask {
  background: rgba(0, 0, 0, .8);
  position: fixed;
  left: 0;
  top: 0;
  width: 750rpx;
  height: 100vh;
  z-index: 700;

  display: flex;
  justify-content: center;
  align-items: center;

  .orderContent {
    margin-top: 97rpx;

    width: 686rpx;
    height: 828rpx;
    overflow: auto;
    background-color: white;
    padding-top: 59rpx;
    border-radius: 32rpx;


    .title {
      //   border-bottom: 1rpx solid rgba(2, 1, 19, .1);
      padding-bottom: 56rpx;
      font-size: 48rpx;
      text-align: center;
      color: #000000;
      font-weight: bolder;
    }


  }

  .contentList {
    .contentItem {
      width: 545rpx;
      margin: 0 auto 65rpx;
      box-sizing: border-box;
    }

    .smalltilte {
font-weight: bolder;
      font-size: 28rpx;
    }

    .input {
      width: 514rpx;
      height: 78rpx;
      border-radius: 5rpx;
      border: 2rpx solid #979797;
      font-size: 28rpx;
      margin-top: 24rpx;
      padding: 0 16rpx;
      line-height: 78rpx;
      box-sizing: border-box;

      .picker {
        text-align: center;

        width: 514rpx;
        height: 78rpx;
        font-size: 28rpx;
      }

      // position: ;

      // border-radius: 5rpx;
    }
  }

  .next {
    width: 602rpx;
    height: 85rpx;
    font-size: 36rpx;
    font-weight: bolder;
    color: #FFFFFF;
    text-align: center;
    margin: 203rpx auto;
    background: #D60010;
    border-radius: 43rpx;
    line-height: 85rpx;
  }
}




.blurcolor{
  color: #5470C6 !important;
}